<!DOCTYPE html>
<html>
<style>
input[type="text"]
{
width:100%
}

</style>

<table border="1" style=width:"100%">
<tr>
<table>
<tr><td colspan="6">
<input type="text" id="txt"/></td>
</tr>
<tr>
<td></td>
<td><input type="button" value="Backspace" style="color:red;"></td>
<td><input type="button" value="CE" style="color:red;"></td>
<td><input type="button" value="C" style="color:red;"></td>
</tr>
</table>
</tr>
<table>
<tr>
<td><input type="button" value="MC" style="color:red;"/></td>
<td><input type="button" value="7" style="color:blue;"/></td>
<td><input type="button" value="8" style="color:blue;"/></td>
<td><input type="button" value="9" style="color:blue;"/></td>
<td><input type="button" value="/" style="color:red;"/></td>
<td><input type="button" value="sqrt" style="color:blue;"/></td>
</tr>
<tr>
<td><input type="button" value="MR" style="color:red;"/></td>
<td><input type="button" value="4" style="color:blue;"/></td>
<td><input type="button" value="5" style="color:blue;"/></td>
<td><input type="button" value="6" style="color:blue;"/></td>
<td><input type="button" value="*" style="color:red;"/></td>
<td><input type="button" value="%" style="color:blue;"/></td>
</tr>
<tr>
<td><input type="button" value="MS" style="color:red;"/></td>
<td><input type="button" value="1" style="color:blue;"/></td>
<td><input type="button" value="2" style="color:blue;"/></td>
<td><input type="button" value="3" style="color:blue;"/></td>
<td><input type="button" value="-" style="color:red;"/></td>
<td><input type="button" value="1/x" style="color:blue;"/></td>
</tr>
<tr>
<td><input type="button" value="M+" style="color:red;"/></td>
<td><input type="button" value="0" style="color:blue;"/></td>
<td><input type="button" value="+/-" style="color:blue;"/></td>
<td><input type="button" value="." style="color:blue;"/></td>
<td><input type="button" value="+" style="color:red;"/></td>
<td><input type="button" value="=" style="color:red;"/></td>
</tr>
</table>
</table>
</html>